<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商家登录与注册</title>
		<link rel="stylesheet" href="css/mclogin.css" />
		<link rel="stylesheet" href="css/zero.css" />
	</head>
	<body>
		<!--头部-->
		<div id="top">
			<a href="index.html"><img src="imger/dj2.jpg" class="tu"/></a>
			<a id="tu1">迪 迦 外 卖</a>
		</div>
		<!--轮播图-->
		<div class="lb">
			<div class="lb1">
		    <a href="http://baidu.com" id="links">
		    <img src="imger/1.jpg"  id="bannerimg" class="img"/>
	        </a>
			</div>
			<div class="login">
				<p class="bbstab">
                    <a href="" class="now" id="b0">商家登录</a>
                    <a href="" id="b1" class="">商家注册</a>
                     </p>
                    <div class="bbs">
                    	<div class="account">
                    	<a id="sfz">身份证号：</a>
                    	<input type="text" name="idcard" class="sfz" />
                    	<a id="td">手  机  号：</a>
                    	<input type="text" name="phone" class="phone" />
                    	<a id="th">密&nbsp;&nbsp;码：</a>
                    	<input type="password" name="password" class="pwd"/>
                    	<label class="checkbox"><input id="is-auto-login" name="isAutoLogin" type="checkbox" checked="" value="1">
                        <span class="icon"></span> 同意商家用户协议</label>
                         <a href="login.html"><span class="ww">用户入口</span></a>
                        <button class="btn"><a>确认登录</a></button>
                    	</div>
                    </div>
                    <div class="bbs"  style="display: none;">
                    	<div class="account">
                    	<a id="sfz1">身份证号：</a>
                    	<input type="text" name="idcard" class="sfz1" />
                    	<a id="tr">昵&nbsp;&nbsp;称：</a>
                    	<input type="text" name="text" class="name" />
                    	<a id="td1">手  机  号：</a>
                    	<input type="text" name="phone"  class="phone1" />
                    	<a id="th1">密&nbsp;&nbsp;码：</a>
                    	<input type="password" name="password" class="pwd1"/>
                    	<label class="checkbox1"><input id="is-auto-login" name="isAutoLogin" type="checkbox" checked="" value="1">
                        <span class="icon"></span> 同意商家用户协议</label>
                         <a href="login.html"><span class="ww1">用户入口</span></a>
                        <button class="btn1"><a>确认注册</a></button>
                    	</div>
                    </div>
               
			</div>
		</div>
		<!--底部 -->
		<div class="bottom">
			<div class="bottom1">
				<ul id="bottom2">
				<li><a>开发平台</a></li>
				<li><a>平台制度</a></li>
				<li><a>资助我们</a></li>
				<li><a>问题反馈</a></li>
				</ul>
				<ul id="bottom3">
				<li><a>联系客服</a></li>
				<li><a>诚招英才</a></li>
				<li><a>廉政举报</a></li>
				<li><a>加入我们</a></li>
				</ul>
			</div>
			<div id="bottom4">
				<img src="imger/timg.gif" />
			</div>
			<div id="bottom5">
				<img src="imger/timg.gif"/>
			</div>
			<div class="last">
				<h3>
					<div align="center">
						地址：广西来宾市兴宾区兰海露家   邮编：546100
						<br>公司电话：0771-3265400&nbsp; 陈哥电话：0771-3262025
						<br>Copyright 2002-2018 迪迦外卖  All Rights Reserved .
						&nbsp; 
						<br>备案/许可证编号：桂ICP备16007110号 
					</div>
                </h3>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
	<script type="text/javascript">
		var bannerList = [
      {
      	"linksrc":"http://sina.com",
      	"imgsrc":"imger/1.jpg",
      },
      {
      	"linksrc":"http://sina.com",
      	"imgsrc":"imger/10.jpg",
      },
      {
      	"linksrc":"http://sina.com",
      	"imgsrc":"imger/8.jpg",
      },
      ]
      
      var index = 0;
      var links = document.getElementById("links");
      var bannerimg = document.getElementById("bannerimg");
      function changeImg (){
      	if(index == 2){
      		index = 0;
      	}
      	else{
      		index = index + 1;
      	}
      	links.href = bannerList[index].llinksrc;
      	bannerimg.src = bannerList[index].imgsrc;
      }
      var intervalId = setInterval(changeImg,3000);
      bannerimg.onmouseover = function(){
      	clearInterval(intervalId);
      }
      bannerimg.onmouseout = function(){
      	intervalId = setInterval(changeImg,3000);
      }

    $(".bbstab a").click(function(event) {
    	event.preventDefault();
		$(".now").removeClass("now");
		$(this).addClass("now");
		var index = $(".bbstab > a").index($(this));
		$(".bbs").css("display", "none");
		$(".bbs:eq("+ index +")").css("display", "block");
		})
    
	</script>
</html>
